<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>recent-posts Blogger</title>
  
  <style type='text/css'>
.recent-posts{width:300px;margin:0 auto}
li.recent-posts {list-style: none;height:auto;overflow:hidden; margin-bottom:7px;}
li.recent-posts a{font-family:sans-serif;font-size:14px;font-weight:normal;margin:0;}
li.recent-posts a:hover{color:#859ce6}
  </style>


</head>
<body>
  <ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://opaliouriotis.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var you_script=document.createElement('script');you_script.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(you_script);
//]]>
</script>


  </body>
</html>
